*{
    margin: 0;
    padding: 0;
}
img{
    border:0;
}
ol, ul ,li{list-style: none;} 
html,body{width: 100%;height:auto;font-size: 14px;font-family: "Microsoft YaHei"!important;}
body{
    background:url('../images/bg.png') no-repeat #1d1d1d;
    background-size: 100%;
}
button,a{
   font-family: "Microsoft YaHei"!important; 
}

.logoBox{
    width: 100%;
    height: 80px;
    position: relative;
    top: 0;
    left: 0;
}
.logoBox-fixed{
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    z-index: 4;
}
.logobox{
    width:1170px;
    margin:0 auto;
    position:relative;
}
/*banner*/
.banner{
    width:100%;
    height:630px;
    
    position: relative;
}
.logo{
    width:140px;
    height:34px;
    background:url('../images/logo.png') no-repeat;
    background-size: 100%;
    position:absolute;
    left: 0;
    top: 20px;
}

.banner ul{
    position:absolute;
    top:20px;
    right: 0;
    display: flex;
}
.banner ul li{
    font-size: 18px;
    width:100px;
    height:40px;
    color:#fff;
    transition: all 0.3s;
    text-align:center;
    line-height: 40px;
}
.banner ul li:hover{
    color:#0e3760;
    background-color: #fde575;
    cursor: pointer;

}

.banner-text{
    position: relative;
    /* bottom: 36.6%; */
    /* right: 20%; */
    top: 160px;
    width: 1170px;
    text-align: right;
    margin: 0 auto;
}
.banner-text img{
    width:300px;
    height:70px;
    margin-bottom: 14px;
    animation:myfirst 0.5s forwards;
    -moz-animation:myfirst 0.5s forwards; /* Firefox */
    -webkit-animation:myfirst 0.5s forwards; /* Safari and Chrome */
    -o-animation:myfirst 0.5s forwards; /* Opera */
}
.banner-text h6{
    font-size: 46px;
    color:#fde575;
    opacity:0;
    animation:myfirst 0.5s forwards;
    -moz-animation:myfirst 0.5s forwards; /* Firefox */
    -webkit-animation:myfirst 0.5s forwards; /* Safari and Chrome */
    -o-animation:myfirst 0.5s forwards; /* Opera */
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s; /* Safari 和 Chrome */
}
.banner-text span{
    font-size: 22px;
    color:#fefefe;
    opacity:0;
    animation:myfirst 0.5s forwards;
    -moz-animation:myfirst 0.5s forwards; /* Firefox */
    -webkit-animation:myfirst 0.5s forwards; /* Safari and Chrome */
    -o-animation:myfirst 0.5s forwards; /* Opera */
    animation-delay:1s;
    -webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.banner-f{
    width:30px;
    height:20px;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left: -15px;
    background: url('../images/xia.png') no-repeat;
    background-size: 100%;
    opacity:0;
    animation:myfirst 0.5s forwards;
    -moz-animation:myfirst 0.5s forwards; /* Firefox */
    -webkit-animation:myfirst 0.5s forwards; /* Safari and Chrome */
    -o-animation:myfirst 0.5s forwards; /* Opera */
    animation-delay:1s;
    -webkit-animation-delay:1s; /* Safari 和 Chrome */
}


.lanmu-box{
    width:1170px;
    margin:0 auto;
    height:auto;
    display:flex;
    padding-top: 60px;
    flex-wrap: wrap;
    justify-content:center;
}
.lanmu{
    width:370px;
    height:280px;
    background-color: #363636;
    margin:10px;
    transition: all 0.3s;
}
.lanmu:hover{
    background-color: #515151;

}
.lanmu-img{
    width:56px;
    height:56px;
    margin:36px auto;
}
.lanmu-title{
    text-align: center;
    font-size: 22px;
    color:#c5c5c5;
}
.lanmu-p{
    width:326px;
    height:auto;
    margin:24px auto 0;
    text-align: justify;
    color:#656565;
}
.lanmu-img1{
    background: url('../images/lanmu1.png') no-repeat;
    background-size: 100%;
}
.lanmu1:hover .lanmu-img1{
    background: url('../images/lanmu1-hover.png') no-repeat;
    background-size: 100%;
}
.lanmu1:hover .lanmu-title1{
    color:#feff9b;
}
.lanmu1:hover .lanmu-p1{
    color:#bfbfbf;
}
.lanmu-img2{
    background: url('../images/lanmu2.png') no-repeat;
    background-size: 100%;
}
.lanmu2:hover .lanmu-img2{
    background: url('../images/lanmu2-hover.png') no-repeat;
    background-size: 100%;
}
.lanmu2:hover .lanmu-title2{
    color:#feff9b;
}
.lanmu2:hover .lanmu-p2{
    color:#bfbfbf;
}
.lanmu-img3{
    background: url('../images/lanmu3.png') no-repeat;
    background-size: 100%;
}
.lanmu3:hover .lanmu-img3{
    background: url('../images/lanmu3-hover.png') no-repeat;
    background-size: 100%;
}
.lanmu3:hover .lanmu-title3{
    color:#feff9b;
}
.lanmu3:hover .lanmu-p3{
    color:#bfbfbf;
}
.lanmu4{
    width:565px;
    height:300px;
    background:url('../images/lanmu4.png') no-repeat;
    margin:10px;
    background-size: 100%;
}
.lanmu5{
    width:565px;
    height:300px;
    background:#f2f2f2;
    margin:10px;
}
.lanmu5-text{
    width:350px;
    height:auto;
    margin:50px auto 0px;
    text-align: left;
}
.lanmu5-text span{
    display:block;
    font-size: 18px;
    color:#333;
    line-height: 32px;
    position:relative;
}
.lanmu5-text span:before{
    content: ' ';
    width:6px;
    height:6px;
    border-radius: 50%;
    background-color: #ffc815;
    position:absolute;
    top: 13px;
    left: -16px;
    display:block;
}
.lanmu5 button{
    width:276px;
    height:48px;
    border:none;
    background-color: #282828;
    color:#fde575;
    margin:50px auto 0;
    display: block;
    font-size: 14px;

}

.chanping{
    width:100%;
    height:730px;
    background:#f2f2f2;
    margin:0 auto;

}
.chanping-title{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color:#333333;
    padding-top:40px ;
    margin:0 auto 50px;
}
.chanping-container{
    width:1170px;
    margin:0 auto;
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
}
.chanping-page{
    width:366px;
    height:250px;
    margin:12px;
}
.chanping-page1{
    background:url('../images/chanping-page1.png') no-repeat;
    background-size: 100%;
}
.chanping-page2{
    background:url('../images/chanping-page2.png') no-repeat;
    background-size: 100%;
}
.chanping-page3{
    background:url('../images/chanping-page3.png') no-repeat;
    background-size: 100%;
}
.chanping-page4{
    background:#434343;
    position:relative;
    margin-top: 54px;
    padding-top: 30px;
    height:220px;
}
.chanping-page4 .c-p-tool{
    width:150px;
    height:60px;
    background:#fde575;
    text-align: center;
    line-height: 60px;
    color:#333;
    font-size: 18px;
    position:absolute;
    left:26px;
    top:-30px;
    font-weight: bold;
}

.c-p-text{
    margin-left: 28px;
    font-size: 12px;
    color:#999999;
    line-height: 24px;
    margin-top: 16px;
}
.c-p-text span{
    color:#e4e4e4;
    font-size: 16px;
}
.hexing{
    width:100%;
    height:700px;
    background:url('../images/hexing.png') no-repeat;
    background-size: 100% 100%;
    margin:0 auto;
}
.hexing-title{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color:#fff;
    padding-top:40px ;
    margin:0 auto 50px;
}
.hexing-container{
    width:1170px;
    margin:0 auto;
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
}
.hexing-page{
    width:270px;
    height:200px;
    margin:10px;
    background:#363636;
    color:#e4e4e4;
    transition:all 0.2s;
}
.hexing-page:hover{
    background:#fde575;
    color:#434343;
}
.h-c-img{
    width:40px;
    height:40px;
    display:block;
    margin:32px auto;
}
.hexing-page h5{
    font-size: 18px;
    margin-top: 36px; 
    text-align: center;
}
.hexing-page h6{
    font-size: 12px;
    text-align: center;
    margin-top: 10px; 
}

 .h-c-img1{
    background: url('../images/h-c-img1.png') no-repeat;
    background-size: 100%;
}
.h-c-img2{
    background: url('../images/h-c-img2.png') no-repeat;
    background-size: 100%;
}
.h-c-img3{
    background: url('../images/h-c-img3.png') no-repeat;
    background-size: 100%;
}
.h-c-img4{
    background: url('../images/h-c-img4.png') no-repeat;
    background-size: 100%;
}
.h-c-img5{
    background: url('../images/h-c-img5.png') no-repeat;
    background-size: 100%;
}
.h-c-img6{
    background: url('../images/h-c-img6.png') no-repeat;
    background-size: 100%;
}
.h-c-img7{
    background: url('../images/h-c-img7.png') no-repeat;
    background-size: 100%;
}
.h-c-img8{
    background: url('../images/h-c-img8.png') no-repeat;
    background-size: 100%;
}
.hexing-page1:hover .h-c-img1{
    background: url('../images/h-c-img1-hover.png') no-repeat;
    background-size: 100%;
}
.hexing-page2:hover .h-c-img2{
    background: url('../images/h-c-img2-hover.png') no-repeat;
    background-size: 100%;
}
.hexing-page3:hover .h-c-img3{
    background: url('../images/h-c-img3-hover.png') no-repeat;
    background-size: 100%;
}
.hexing-page4:hover .h-c-img4{
    background: url('../images/h-c-img4-hover.png') no-repeat;
    background-size: 100%;
}
.hexing-page5:hover .h-c-img5{
    background: url('../images/h-c-img5-hover.png') no-repeat;
    background-size: 100%;
}
.hexing-page6:hover .h-c-img6{
    background: url('../images/h-c-img6-hover.png') no-repeat;
    background-size: 100%;
}
.hexing-page7:hover .h-c-img7{
    background: url('../images/h-c-img7-hover.png') no-repeat;
    background-size: 100%;
}
.hexing-page8:hover .h-c-img8{
    background: url('../images/h-c-img8-hover.png') no-repeat;
    background-size: 100%;
}

.xiaoshou{
    width:100%;
    height:700px;
    background:#f2f2f2;
    margin:0 auto;
}
.xiaoshou-title{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color:#333333;
    padding-top:40px ;
    margin:0 auto 50px;
}
.xiaoshou-container{
    width:1170px;
    margin:0 auto;
    display:flex;
    justify-content:center;
}
.xiaoshou-page{
    width:236px;
    height:auto;
    margin: 0 34px;

}
.xiaoshou-p-tittle{
    width:236px;
    height:110px;
    line-height: 110px;
    text-align: center;
    font-size: 22px;
    color:#fde575;
    font-weight: bold;
}
.xiaoshou-p-tittle1{
    background:url('../images/xiaoshou-p-tittle1.png') no-repeat;
    background-size: 100%;
}
.xiaoshou-p-tittle2{
    background:url('../images/xiaoshou-p-tittle2.png') no-repeat;
    background-size: 100%;
}
.xiaoshou-p-tittle3{
    background:url('../images/xiaoshou-p-tittle3.png') no-repeat;
    background-size: 100%;
}
.xiaoshou-p-tittle4{
    background:url('../images/xiaoshou-p-tittle4.png') no-repeat;
    background-size: 100%;
}
.xiaoshou-page span{
    display:block;
    font-size: 18px;
    color:#333333;
    margin:0 auto;
    margin-top: 34px;
    width:126px;
    position:relative;
}
.xiaoshou-page span:before{
    content:' ';
    width:4px;
    height:4px;
    background:#333333;
    border-radius: 50%;
    position:absolute;
    left: -12px;
    top: 11px;   
}



.zhanshi{
    width:100%;
    height:700px;
    background:url('../images/zhanshi-bg.png') no-repeat;
    background-size: 100% 100%;
    margin:0 auto;
}
.zhanshi-title{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color:#e1e1e1;
    padding-top:40px ;
    margin:0 auto 50px;
}
.zhanshi-toop{
    width:560px;
    margin:0 auto;
    height:50px;
    display:flex;
    justify-content:center;
    border-bottom: 1px solid #fde575;
}
.zhanshi-toop span{
    width:186px;
    height:50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color:#f2f2f2;
    cursor:pointer;
}
.zhanshi-toop .zhanshi-toop-active{
    color:#333333;
    background:#fde575;
}
.zhanshi-3d{
    width:100%;
    height:350px;
    /* margin-top: 30px; */
}

.zhanshi-text1,.zhanshi-text2,.zhanshi-text3{
    margin-top:24px;
    color:#e4e4e4;
    font-size: 16px;
    text-align: center;
}
.zhanshi-text2,.zhanshi-text3{
    display:none;
}
.jsys{
    width:100%;
    height:600px;
    background:#f2f2f2;
    margin:0 auto;
}
.jsys-title{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color:#333333;
    padding-top:40px ;
    margin:0 auto 50px;
}
.jsys-container{
    width:1170px;
    margin:0 auto;
    display:flex;
    justify-content:center;
}
.jsys-page{
    width:360px;
    height:310px;
    background: url('../images/jsys-page.png') no-repeat;
    background-size: 100%;
    margin:0 8px 0;
    text-align: center;
}
.jsys-page h2{
    font-size: 48px;
    font-weight: bold;
    color: #fde575;
    margin-top:40px;
}
.jsys-page h3{
    font-size: 24px;
    color: #fff;
    margin-top:42px;
}
.jsys-page p{
    width:204px;
    height:auto;
    margin:0 auto;
    display:block;
    text-align: justify;
    color:#e4e4e4;
    margin-top:18px;
}
.jsys-text{
    margin-top:72px;
    color:#666666;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
}




.jscx{
    width:100%;
    height:600px;
    background:url("../images/jscx-bg.png") no-repeat;
    background-size: 100% 100%;
    margin:0 auto;
}
.jscx-title{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color:#e1e1e1;
    padding-top:40px ;
    margin:0 auto 50px;
}
.jscx-container{
    width:1170px;
    margin:0 auto;
    display:flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#ljcpBth{
    cursor:pointer;
}
.jscx-page{
    width:400px;
    height:66px;
    display:flex;
  
    margin: 20px 0;
}
.jscx-page img{
    width:58px;
    height:58px;
    margin-right: 20px;
}
.js-p-text{
    font-size: 18px;
    color:#d5d5d5;
}
.js-p-text span{
    font-size: 24px;
    color:#fff;
    display:block;
}

.cpsz{
    width:100%;
    height:600px;
    background:#f2f2f2;
    margin:0 auto;
}
.cpsz-title{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color:#515151;
    padding-top:40px ;
    margin:0 auto 50px;
}

.cpsz-container{
    width:1170px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.cpsz-page{
    width:360px;
    height:auto;
}
.cpsz-page div{
    width:360px;
    display:block;
    margin-top: 22px;
    text-align: center;
    font-size: 24px;
    color:#fff;
}
.cpsz-page div span{
    font-size: 16px;
    display:block;
}
.cpsz-page-c1{
    height: 126px;
    background: url(../images/cpsz-page1.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 64px;
}
.cpsz-page-c2{
    height: 126px;
    background: url('../images/cpsz-page2.png') no-repeat;
    background-size: 100% 100%;
    padding-top: 64px;
}
.cpsz-page-c3{
    height: 90px;
    padding-top: 30px;
    background: url(../images/cpsz-page3.png) no-repeat;
    background-size: 100% 100%;
}
.cpsz-page-c4{
    height: 90px;
    padding-top: 30px;
    background: url('../images/cpsz-page4.png') no-repeat;
    background-size: 100% 100%;
}
.cpsz-page-c5{
    height: 90px;
    padding-top: 30px;
    background: url('../images/cpsz-page5.png') no-repeat;
    background-size: 100% 100%;
}
.cpsz-page-c6{
    height: 90px;
    padding-top: 30px;
    background: url('../images/cpsz-page6.png') no-repeat;
    background-size: 100% 100%;
}
.cpsz-page-c7{
    height: 90px;
    padding-top: 30px;
    background: url('../images/cpsz-page7.png') no-repeat;
    background-size: 100% 100%;
}
.cpsz-page-c8{
    height: 90px;
    padding-top: 30px;
    background: url('../images/cpsz-page8.png') no-repeat;
    background-size: 100% 100%;
}
.cpjg{
    width:100%;
    height:640px;
    background:#000;
    margin:0 auto;
}
.cpjg-title{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color:#e1e1e1;
    padding-top:40px ;
    margin:0 auto 50px;
}
.cpjg-container{
    width:1170px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    flex-wrap: wrap; 
}
.cpjg-page{
    width:368px;
    height:440px;
    padding-top:50px ;
    position: relative;
}
.cpjg-page span{
    font-size: 24px;
    color:#333;
    position:absolute;
    top:0;
    width:100%;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
}
.cpjg-page1{
    background:url('../images/cpjg-page1.png') no-repeat;
    background-size: 100%;
}
.cpjg-page2{
    background:url('../images/cpjg-page2.png') no-repeat;
    background-size: 100%;
}
.cpjg-page3{
    background:url('../images/cpjg-page3.png') no-repeat;
    background-size: 100%;
}
.cp-p-btn{
    width:330px;
    height:60px;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    color:#333;
    position:absolute;
    bottom:24px;
    left:20px;
}
.cp-p-text{
    width:280px;
    margin-top: 24px;
    display:flex;
    justify-content:space-between;
    flex-wrap: wrap; 
    margin:26px auto 0;
    font-size: 16px;
    color:#fff;

}
.cp-p-t1{
    width:228px;
}
.cp-p-t2{
    width:50px;
}


.hzlx{
    width:100%;
    height:640px;
    background:url('../images/hzlx-bg.png') no-repeat;
    background-size:100%;
    margin:0 auto;
}
.hzlx-title{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color:#515151;
    padding-top:40px ;
    margin:0 auto 50px;
}
.hzlx-t{
    font-size: 18px;
    color:#333333;
    margin:0 auto;
    margin-top: 86px;
    width:1170px;

}
.hzlx-containerB{
    width:1170px;
    margin:0 auto;
}
.hzlx-container{
    width:580px;
    height:300px;
    background:#282828;
    margin-top: 20px;
    position:relative;
}

.hzlx-map{
    font-size: 18px;
    color:#434343;
    width:1170px;
    margin:0 auto;
    margin-top: 40px;
    
}
.hzlx-map span{
    width:24px;
    height:28px;
    display:inline-block;
    background:url('../images/hzlx-map.png') no-repeat;
    background-size: 100%;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.h-c-logo{
    width:110px;
    height:26px;
    background:url('../images/logo.png') no-repeat;
    background-size: 100%;
    position:absolute;
    top:40px;
    left:38px;
}
.h-c-phone{
    color:#fec30d;
    font-size: 18px;
    position:absolute;
    top:110px;
    left:38px;
}
.h-c-place{
    color:#fffffe;
    font-size: 18px;
    position:absolute;
    bottom:40px;
    left:38px;
}
.h-c-place span{
    font-size: 14px;
}
.hzlx-erweima{
    width:150px;
    height:auto;
    position:absolute;
    top:28px;
    right:38px;
}
.hzlx-erweima img{
    width:100%;
    height:auto;
}
.hzlx-erweima span{
    display:block;
    text-align: center;
    color:#fff;
    font-size: 12px;
    margin-top:10px;
}
#gla2,#gla3{
    display:none;
}
.hzlx-qq{
    width: 108px;
    height: 30px;
    position: absolute;
    bottom: 40px;
    right: 38px;
    background: url(../images/hzlx-qq.png) no-repeat;
    background-size: 100%;
    color: #ffffcc;
    font-size: 16px;
    line-height: 30px;
    padding-left: 50px;
}
.footer{
    width:100%;
    height:186px;
    background:#1b1b1b;
    padding-top:40px ;
}
.footer-logo{
    width:150px;
    height:38px;
    margin:0 auto;
    background:url("../images/logo.png") no-repeat;
    background-size: 100% 100%;
}
.footer-text{
    text-align: center;
    font-size: 16px;
    color:#dedeb2;
    margin-top: 22px;
}
.footer-www{
    text-align: center;
    font-size: 10px;
    color:#dedeb2;
    margin-top: 30px;
}

/*3d旋转*/
#gla,#gla2,#gla3{
    
    overflow:hidden;
    margin:0 auto;
    position:relative;
    height:450px;
}
.bac{
    position:absolute;
    bottom:0;
    left:50px;
}
#gla_box{
    width:900px;
    margin:auto;
}
.gla_inbox{
    overflow:hidden;
    position:relative;
}
.gla_inbox p{
    text-indent:1em;
    font-size:14px;
    width:100%;
    color:#FFFFFF;
    line-height:30px;
    background:#000000;
}
.gla_inbox a{
    padding:5px;
    display:block;
    position:absolute;
    top:220px;
    left:90px;
    background:#0066CC;
    color:#FFF;
}
.gla_inbox img{
    width:100%;
    height:100%;
}
.roundabout-holder {
    height: 404px;
    width: 900px;
    margin:0 auto;
}
.roundabout-moveable-item {
    display:block;
    height: 300px;
    width: 500px;;
    cursor: pointer;
    opacity: 0.5!important;
}
.roundabout-in-focus {
    cursor: auto;
    opacity: 1!important;
}

/*自适应*/

/* @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... } */
@media (min-width: 1920px) {
   /*  .banner{
       height: 800px;
   }
   .lanmu{
       height: 360px;
   }
   .lanmu4,.lanmu5{
       height:512px;
   }
   .lanmu5-text{
       margin: 140px auto 0px;
   } */

}



/*动画*/
@keyframes myfirst
{
0%   {transform: translateY(-50px);opacity: 0.5;}
100% {transform: translateY(0px);opacity: 1;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {transform: translateY(-50px);opacity: 0.5;}
100% {transform: translateY(0px);opacity: 1;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   {transform: translateY(-50px);opacity: 0.5;}
100% {transform: translateY(0px);opacity: 1;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {transform: translateY(-50px);opacity: 0.5;}
100% {transform: translateY(0px);opacity: 1;}
}